<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="__TMPL__/public/wuye/js/mui.min.js"></script>
    <link href="__TMPL__/public/wuye/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/wuye/css/app.css" />
    <script src="__TMPL__/public/wuye/js/iconfont.js"></script>
    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
    <style type="text/css">
        .mui-card-header>img:first-child{
            height: 80px;
            width: 80px;
        }
        .mui-card-header.mui-card-media .mui-media-body {
            font-size: 20px;
            font-weight: 500;
            line-height: 40px;
            margin-bottom: 0;
            margin-left: 120px;
            color: #333;
        }
        .mui-input-row .mui-btn{
            width: 100%;
        }
        #kuaidi{
            margin-top: 15px;
        }
        .mui-ellipsis {
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis;
        }
        .icon{
            color: red;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">快递查询</h1>
</header>
{:widget('Wuye/nav')}
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
        <span class="mui-tab-label">朋友圈</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">跳蚤市场</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">更多</span>
    </a>
</nav>

<div class="mui-content">

    <ul class="mui-table-view">
        {:widget('Wuye/info')}
    </ul>

    <ul class="mui-table-view mui-table-view-chevron">
        <volist name="data" id="vo">
            <li class="mui-table-view-cell mui-media">
                <a class="mui-navigate-right" href="{$vo.url}">
                    <img class="mui-media-object mui-pull-left" src="<?php echo DS . 'upload' . DS . 'express'. DS?>{$vo.imgsrc}">
                    <div class="mui-media-body">
                        <p style="line-height: 42px;font-size: 20px;color: #333;">{$vo.name}</p>
                    </div>
                </a>
            </li>
        </volist>
    </ul>

</div>
</body>
</html>